<template>
    <div>

        <van-goods-action>
            <van-goods-action-icon icon="shop-o" text="首页" color="red" to="/pages/home/index"/>
            <van-goods-action-icon icon="chat-o" text="客服" color="#07c160" />
            <van-goods-action-icon icon="cart-o" text="购物车" />
            <van-goods-action-button type="warning" text="加入购物车" />
            <van-goods-action-button type="danger" text="立即购买" />

        </van-goods-action>
    </div>
</template>
<script>
import Vue from 'vue'
import { GoodsAction, GoodsActionIcon, GoodsActionButton } from 'vant'

Vue.use(GoodsAction)
Vue.use(GoodsActionButton)
Vue.use(GoodsActionIcon)
export default {

}
</script>
<style lang="scss" scoped>
    div{
        z-index: 1000;
    }
</style>
